<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>打印测试页</title>
    <style>
        .table {
            background-color: #5858ff;
            color: #fff;
        }
    </style>
</head>
<body>
    <h1>只因你太美</h1>
    <p>再看一眼多看一眼就会爆炸</p>
    <p>再近一点靠近一点就会融化</p>
    <a href="#" id="basePrint">基本打印</a>
    <a href="#" id="maginprint">页头页脚都有</a> 
    <a href="#" id="nohead">没有页头</a>
    <a href="#" id="nofoot">没有页脚</a>
    <a href="#" id="nomaginprint">页头页脚都没有</a>
    <a href="#" id="landscape">横向</a>
    <a href="#" id="size">80mm</a>
    <a href="#" id="style">节点</a>
    <table class="table" id="table">
        <thead>
            <th>姓名</th>
            <th>性别</th>
            <th>语文</th>
            <th>数学</th>
            <th>英语</th>
        </thead>
        <tbody>
            <tr>
                <td>朱慧菲</td>
                <td>女</td>
                <td>99</td>
                <td>98</td>
                <td>97</td>
            </tr>
            <tr>
                <td>朱珠霞</td>
                <td>女</td>
                <td>98</td>
                <td>98</td>
                <td>97</td>
            </tr>
            <tr>
                <td>范建</td>
                <td>男</td>
                <td>98</td>
                <td>98</td>
                <td>96</td>
            </tr>
            <tr>
                <td>杜子腾</td>
                <td>男</td>
                <td>96</td>
                <td>90</td>
                <td>88</td>
            </tr>
            <tr>
                <td>费杨洋</td>
                <td>男</td>
                <td>90</td>
                <td>80</td>
                <td>91</td>
            </tr>
        </tbody>
    </table>
</body>
<script type="module" src="main.js"></script>
</html>